<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>新闻管理系统</title>
    <link href="../static/css/bootstrap.min.css" rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
	<link rel="stylesheet" href="../static/css/newstype.css" th:href="@{/css/newstype.css}">
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js" th:src="@{https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js}"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js" th:src="@{https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js}"></script>

	<link rel="icon" type="image/png" sizes="144x144" href="../static/images/1.ico" th:href="@{/images/1.ico}">
	<style type="text/css">
		.L_bg1{
			margin-top:50px;
		}
		.L_bg1 img{
			width:100%;
		}
		.bgwhite1{
			background-color:white;
			padding:15px 10px 0px;
			border-radius:10px;
			opacity:0.9;
		}
		.L_bg2{
			margin-top:15px;
		}
		.bgblack3{
			background: #232328;
			padding:10px;
			border-radius:10px;
			opacity:0.9;
		}
		.bgblack3 div h4,h2{
			color:white;
		}
		.title1,.title2{
			color:black;
		}
	</style>
  </head>
  <body>
	<!--插入背景图片-->
	<div class="bg"></div>
	<div class="mask"></div>
	<!--导航-->
	<nav th:replace="_fragments :: menu(1)" ></nav>

	<!--中间栏-->
	<div class="container L_bg1 bgwhite1 col-md-8 col-md-offset-2">
		<div class="title_line2">
			<span class="title2" th:text="${type.name}">娱乐</span>
		</div>
		<div class="">

		</div>

		<!--新闻列表-->
		<div class="tab-content">
			<div role="tabpanel" class="tab-pane active" id="news-manage">
				<ul class="list-group" th:if="${pages!=null}">
				  <li class="list-group-item"  th:each="news : ${pages.list}">
					<div>
						<span th:text="${news.type.name}">娱乐</span>
						<span>|</span>
						<span><a href="#" th:text="${news.title}" th:href="@{/news/{newsId}(newsId=${news.id})}">蔡老师发明了电灯泡</a></span>
						<span>|</span>
						<span th:text="${news.updateTime}">3小时前</span>
					</div>
				  </li>

				</ul>
				<div class="text-center" th:if="${pages!=null}">
					<nav aria-label="Page navigation">
						<ul class="pagination" style="font-size:18px;">
							<li>
								<a href="#" aria-label="Previous" th:if="${pages.isFirstPage != true}" th:href="@{/newstype/{typeId}/{pageNum}(typeId=${pages.list.get(0).type.id},pageNum=${pages.getPageNum()-1})}">
									<span aria-hidden="true" >&laquo;上一页</span>
								</a>
							</li>

							<li>
								<a href="#" aria-label="Next" th:if="${pages.isLastPage != true}" th:href="@{/newstype/{typeId}/{pageNum}(typeId=${pages.list.get(0).type.id},pageNum=${pages.getPageNum()+1})}">
									<span aria-hidden="true">下一页&raquo;</span>
								</a>
							</li>
						</ul>
					</nav>
				</div>
			</div>
		</div>
	</div>

	<!--底部-->
	<footer>
		<div class="container col-md-8 col-md-offset-2 L_bg2 bgblack3">
			<div class="L_footerbox1 col-md-3 text-center"><img class="L_footerimg" src="../static/images/4.png" th:src="@{/images/4.png}"></div>
			<div class="L_footerbox2 col-md-3 text-center">
				<h4>联系我们</h4>
				<span>Email:957963843@qq.com</span>
				<br />
				<span>QQ:957963843</span>
			</div>
			<div class="L_footerbox3 col-md-6 text-center"><h2>版权为1703班软件工程第8组所有</h2></div>
		</div>
	</footer>
	
	<script src="../static/jquery/jquery.min.js" th:src="@{/jquery/jquery.min.js}"></script>
    <script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
  </body>
</html>